<!DOCTYPE html>
<html>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <head>
        <title>Tintin's Moments</title>
        <!--link the style sheet-->
        <link rel="stylesheet" type="text/css" href="css/style.css">
        
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-172469693-1"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'UA-172469693-1');
        </script>
    </head>
    <body>
        <header class="header">
            <div class="container">
                <h1>Dots <span class="st">...</span></h1>
            </div>
            <div class="logo">
                <a href="https://github.com/GeniusTintin" target="_blank">
                    <img src="./images/IMG_2152.JPG" alt="logo" width="40px">
                </a>
            </div>
            <nav class="navbar">
                
                    <ul>
                        <li><a href="index.html">About</a></li>
                        <li><a href="schools.html">101 NPU ANU</a></li>
                        <li><a href="s&r.html">Research</a></li>
                        <li class="current"><a href="#">Dots</a></li>
                    </ul>
                
            </nav>
        </header>


        <section class="fill-blank"></section>
        <!--to occupy the area under the navbar-->

        <div class="container">
            <h2>Connecting the dots</h2>
            <p>
                每当回过头来看都会想起05年乔布斯的那句话 <a href="https://www.wanderlustworker.com/you-cant-connect-the-dots-looking-forward/" target="_blank">"you can't connect the dots looking forward, you can only connect them looking backward." </a> 
            </p>
            <ul id="dots-ul">
                <li>
                    101潜移默化的给了我自主学习的能力，当时的我没意识到，是NPU让我看清了高中的自己。
                </li>
                <li>
                    NPU能培养足够扎实的基础和解决部分问题的方法，基础扎不扎实那时不知道，是ANU让我感激前两年在工大的日子。
                </li>
                <li>
                    ANU的经历也许只有到了下个阶段才能看清全貌了，至少目前她让我有自信去涉足很多领域，知识在这里被学活了。
                </li>
            </ul>
        </div>

        <div class="container">
            <h2>字</h2>
            <p>
                Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dignissimos fuga eligendi, ea quae molestiae, assumenda, id quibusdam itaque earum reiciendis alias qui. Facilis maiores consequatur minus molestias aliquam sunt modi!
            </p>
            <p>
                *这是之前看html的时候发现的假数乱文命令，虽然不认识内容，但觉得有点意思。
            </p>
        </div>

        <div class="container">
            <h2>图</h2>
        
        <div class="images-box">
            <img src="./images/IMG_2440.JPG" alt="Bruce" class="img">
        </div>

        <div class="images-box">
            <img src="./images/IMG_2065.JPG" alt="Room" class="img">
        </div>

        <div class="images-box">
            <img src="./images/IMG_3509.JPG" alt="mountain_night" class="img">
        </div>

        <div class="images-box">
            <img src="./images/IMG_3342.JPG" alt="telstra_tower" class="img">
        </div>


        </div>
        
        <footer class="footer">
            <p>Copyright &copy; 2020 Tintin Yuan</p>
        </footer>

        <script src="./main.js"></script>
    </body>
</html>